<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#all{
				width: 450px;
				height: 150px;
				border: 1px solid red;
				overflow: hidden;
			}
			#all div{
				width: 100px;
				height: 100px;
				background-color: deepskyblue;
				border: 1px solid blue;
				float: left;
			}
			
		</style>
	</head>
	<body>
		<!--用JS监听一排水平排列的按键, 用手指或鼠标拖动后改变位置, 让其插入到新的位置(不是对换, )-->
		<div id="all">
			<div id="btn1">1</div>
			<div id="btn1">2</div>
			<div id="btn1">3</div>
			<div id="btn1">4</div>
		</div>
		<p>没有思路！！！！！！！啊~~~~~~</p>
		<!--分别解释数组方法pop() push() unshift() shift()?-->
		<hr />
		<p>
			pop()从数组尾部弹出数组元素，每次只会弹出最后一个结尾的元素，并返回弹出的元素<br />
			push()在数组尾部添加新数组元素，可以每次添加多个元素，并返回更新后的数组长度<br />
			unshift()在数组头部添加新数组元素，并返回更新后的数组长度<br />
			shift()从头部弹出元素，并返回弹出的元素<br />
		</p>
		<hr />
		<!--事件绑定和普通事件有什么区别?-->
		<p>
			绑定事件的方式主要有两个特点<br />
				1.同时绑定两个或者两个相同的事件，不会覆盖<br />
				2.可以用这个方法绑定多个事件<br />
		</p>
		<!--ajax请求的时候get和post方式的区别?-->
		<hr />
		使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来
		使用Get请求发送数据量小,Post请求发送数据量大
		<hr />
		<!--call和apply的区别?-->
		<p>
			call(thisObj，Object)  <br />
			apply(thisObj，[argArray])  <br />
			相同点:两个方法产生的作用是完全一样的，调用一个对象的一个方法，以另一个对象替换当前对象<br />
			不同点：call, apply方法区别是,从第二个参数起, call方法参数将依次传递给借用的方法作参数, 而apply直接将这些参数放到一个数组中再传递, 最后借用方法的参数列表是一样的.
			
		</p>
		<!--事件委托是什么, 使用事件委托有什么好处?-->
		<hr />
		<p>
			事件委托，事件原本加载某个元素上，。最后把事件加到别的标签来完成事件，一般加在父级上，原理采用事件冒泡来完成。<br />
			好处1.提高性能 2.新添加的元素还会有之前的事件
		</p>
		<script type="text/javascript">
			
		</script>
		
	</body>
</html>
